<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>模块基础信息</title>
</head>
<body>

    <script type="module">
        //模块说明 type必须是module  模块导入的时候必须使用./ 或者 ../    只有使用export导出的模块才能使用
        // import {hd,hdcms} from "./hd.js";
        // console.log(hdcms.name);

        //模块是后执行的
        //也就是说 模块总是在所有的html解析之后才执行
        // console.log(document.querySelector("button"));
      //模块默认运行在严格模式下，一下代码没有使用生命语句将报错
    //   let hd = "houdunren";
    // console.log(this)

    //作用域
    //模块都有独立的顶级作用于，下面的模块不能相互访问
    let hd = "houdunren.com";
    </script>

    

    <script type="module">
        // console.log(document.querySelector("button"));
        // console.log(this)
        // alert(hd);
    </script>

    <button>后盾人</button>
    
</body>
</html>

